<link href="style.css" rel="stylesheet">

<h3>Work with artists</h3>
Get all artist details<br><br>
<button type="button"
  onclick="getParticipantsInfo('Artist', 'participantsInfo')">Get Artists
</button>
<div id="participantsInfo"></div>

<br>Enter an artist ID, then click "Get Artist" to get an individual artist details<br>
<form id="getParticipant">
  Artist ID: <input type="text" name="participantId" value=""><br><br>
  <input type="button" onclick="getParticipantInfo('Artist', 'participantInfo', 'getParticipant')" value="Get Artist">
</form>
<div id="participantInfo"></div>

<br>Enter artist details, then click "Create Artist" to create artist details<br>
<form id="newParticipant">
  Artist ID: <input type="text" name="artistId" value=""><br>
  First Name: <input type="text" name="firstName" value=""><br>
  Last Name: <input type="text" name="lastName" value=""><br><br>
  <input type="button" onclick="createParticipantInfo('Artist', 'newParticipantInfo','newParticipant')" value="Create Artist">
</form>
<div id="newParticipantInfo"></div>

<script src="script.js"></script>
